Cara Membuat Fanspage Melayang di Blog

Sobat Berbagi ~ Sobat blogger, jika sebelumnya saya membuat fanspage facebook di tempel hanya di widget bagian tertentu saja, kali ini saya akan membuat fansPage tersebut melayang atau bisa di sebut pop up like box facebook, fanspage like facebook di buat melayang atau pop up bertujuan untuk mengoptimalkan like menjadi banyak, karena setiap pengunjung masuk ke blog kita akan muncul sebuah pop up fanspage facebook agar bisa di like dengan mudah dan juga bisa di close dengan mudah.

Maka dengan menerapkan pop up fanspage facebook melayang ini sangat efektip untuk mengoptimalkan penyuka di halaman facebook anda sekaligus menjaring pengunjung agar dapat mudah meng akses artikel blog kita lewat halaman facebook, bagi anda yang ingin membuat halaman fanspage like box ada di blog anda juga sangat mudah untuk di terapkan.

Baca Juga : Cara Membuat Disclaimer Pada Blog
Bagi anda yang berniat membuat widget like facebook melayang, atau like box facebook pop up, silahkan ikuti tutorialnya.

Cara Membuat Like Box FansPage Facebook Pop Up Melayang

1. Buka akun blogger.

2. Pilih menu Tata letak > Tambah gadget > Html Javasript

3. Letakan kode di bawah ini di kolom dan klik save.

<style type='text/css'> /* Message Box */ #box-message { position:fixed !important; position:absolute; top:-1000px; left:50%; margin:0px 0px 0px -182px; width:300px; height:auto; padding:16px; background:#fff; font:normal Dosis, Georgia, Serif; color:#111; border:2px solid #333; -webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4); -moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4); box-shadow:0px 1px 2px rgba(0,0,0,0.4); -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; } #box-message a.close { position:absolute; top:-10px; right:-10px; background:#fff; font:bold 16px Arial, Sans-Serif; text-decoration:none; line-height:22px; width:22px; text-align:center; color:#111; border:2px solid #333; -webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4); -moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4); box-shadow:0px 1px 2px rgba(0,0,0,0.4); -webkit-border-radius:22px; -moz-border-radius:22px; border-radius:22px; cursor:pointer; } </style> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script> <script type='text/javascript'> $(window).bind("load", function() { // Animate Top Value When Page Loaded Completed $('#box-message').animate({top:"50px"}, 1000); // Remove Mailbox When Close Button On Click $('a.close').click(function() { $(this).parent().fadeOut(); return false; }); }); </script> <div id='box-message'> <!-- HTML Start --> <center> <a class="murub">DI LIKE YAH GAN !</a></center> <br /> <br /> <center> <iframe src="//www.facebook.com/plugins/likebox.php?href=nabilnizamblogspotcom-1703502616528557/?ref=hl&width=262&height=400&colorscheme=light&show_faces=true&border_color&stream=false&header=false&appId=371524026202784" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:230px;" allowtransparency="true"></iframe> </center> <!-- HTML End --> <br/> <a class='close' href='#'>×</a> </div>

Catatan : 

~. Ganti tulisan "DI LIKE YAH GAN !" sesuai selera sobat

~. Ganti tulisan "nabilnizamblogspotcom-1703502616528557/"  dengan LINK fanspage sobat

4. Simpan, dan lihat perubahan nya di blog sobat !

Selamat Mencoba dan Semoga Berhasil

Read More

Cara Membuat Disclaimer Pada Blog

Sobat Berbagi ~ Disclaimer dalam istilah dunia maya dapat dikatakan dengan sebuah aturan dan peraturan dari suatu halaman. Pentingya pemasangan Disclaimer pada suatu halaman blog berguna untuk dapat menginformasikan terhadap pengunjung situs web ataupun blog agar dalam berinteraksi pada halaman blog baik itu berupa komentar, share, upload dan lain-lain. Agar lebih saling menghargai sesama pengunjung dan pemilik halaman tersebut.

Disclaimer juga merupakan halaman statis yang wajib sobat buat ketika akan mendaftarkan ke Google Adsense agar nantinya diterima, karena dengan adanya Disclaimer menandakan bahwa blog sobat itu profesional.

Bagi para blogger profesional mungkin akan tersenyum membaca artikel ini, karena mereka sudah faham betul akan cara membuat Disclaimer pada blog. Tapi buat Blogger pemula seperti saya, artikel ini sangat penting sekali. Untuk membuat Disclaimer pada blog ikuti langkah-langkah di bawah ini :

1. Langkah pertama yang harus sobat lakukan adalah masuk ke web http://www.privacypolicyonline.com/disclaimer-generator/
2.  Isi formulir yang telah disediakan

3. Klik "Generate Disclaimer"

4.  Copy hasil Generate Disclaimer yang berupa kode HTML
5.  Buka Blogger sobat dan pilih "Laman"
6.  Buat laman baru dan klik "Laman Kosong"
7.  Beri judul laman sobat dengan "Disclaimer"

8.  Paste kan hasil copy-an kode HTML Generate Disclaimer pada menu HTML (bukan pada menu compose)

9.  Save laman sobat kemudian "Publikasikan"

Agar kelihatan lebih rapih, dan dapat dengan mudah dibaca oleh pengunjung blog, buat kan link Disclaimer sobat dan letakan pada Menu Blog.

Itulah cara gampang membuat Disclamer pada blog. Selamat mencoba dan semoga bermanfaat. Untuk artikel menarik lainnya baca ... DISINI

Read More

Cara Membuat Sitemap/Daftar Isi di Blog Tanpa Edit HTML/Javascript

Sobat Berbagi ~ Selamat pagi sobat, semoga hari ini sobat dalam keadaan sehat dan selalu semangat untuk mengelola blog sobat. Menurut info yang saya baca dari beberapa artikel, bahwa google lebih senang jika pada blog sobat tersedia Sitemap/Daftar isi. Kabarnya, bila suatu blog tidak memiliki sitemap/daftar isi, tidak bisa memasang iklan dari Google Adsense. Entah benar atau tidak kabar tersebut, yang jelas sampai sekarang saya pun masih belum diterima daftar di Google Adsense.

Read More

Cara Membuat Chat Box Auto Hide di Blog

Sobat Berbagi ~ Malam ini saya akan berbagi bagaimana caranya membuat chat box di Blog. Ini berdasarkan pengalaman saya sewaktu saya membuat chat box pada blog saya sendiri. Dengan adanya Chat Box pada blog, akan mempermudah pengunjung ngobrol langsung dengan pengelola blog.
Jika sobat berminat menggunakan chat box auto hide pada blog sobat, ikuti langkah berikut :

Read More

Cara Membuat Privacy Policy pada Blog

Sobat Berbagi ~Dalam postingan kali ini saya akan berbagi tentang bagaimana caranya membuat Privacy Policy untuk blog sobat. Bagi blogger yang sudah berpengalaman, mungkin postingan ini kurang bermanfaat, tapi bagi Blogger pemula seperti saya, tentunya akan sangat membantu sekali.

Read More